<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition>
	<h:panelGroup id="images_contain">
						<ul class="images_list">
						<ui:repeat value="#{updatePropertyBean.propImageListLink}" var="img">
							<li>
								<div class="img_wrapper" title="#{img}">
									<h:graphicImage value="#{img}" width="100" height="100" styleClass="image_class" alt="#{updatePropertyBean.prop.propID}"/>
									<div class="close_icon">
									<h:graphicImage alt='#{img}' library="images" name="cross.png" width="20" height="20" styleClass="cross_img" /></div>
								</div>
							</li>
						</ui:repeat>
						</ul>
						
	</h:panelGroup>
	 
	<table width="100%" cellspacing="5" cellpadding="0" border="0" class="table_box">
		<tbody>
			
			<tr>
				<td align="right" width="200px;">&nbsp;</td>
				<td>
					<p:fileUpload styleClass="upload_images_prop"  fileUploadListener="#{updatePropertyBean.handleFileUpload}" 
					label="Upload Images" allowTypes="*.jpg;*.png;*.gif;" description="Images" update="image_limit_exceed, images_contain" />
					<div class="table_td_message">
					<br />
					
					<span style="margin-top:10px;float:left;">Note: You can only upload 6 images, if you want to upload more please remove some of your uploaded images</span>
					</div>
				</td>
			</tr>
		</tbody>	
	</table>
</ui:composition>
</html>